.station_box {
  width: 1180px;
  min-height: 300px;
  
  margin-left: 171px;
  padding-left: 10px;
  padding-right: 10px;

  .station_nav {
    width: 100%;
    height: 100%;
    background: white;
    padding: 20px 30px 26px;
    margin-bottom: 20px;
    .station_nav_major {
      // display: flex;
      // flex-direction: column;
      // justify-content: space-around;
      .one {
        height: 50%;
        display: flex;

        justify-content: flex-start;
        .major {
          width: 100px;
          padding-top: 10px;
        }
        span {
          display: inline-block;

          // border: solid #ccc 1px;
          padding: 4px 18px;
          text-align: center;
          border-radius: 15px;
          transition: background-color 0.7s ease;
          margin-left: 10px;
          margin-top: 5px;
          font-size: 14px;
          font-family: SourceHanSansCN-Regular, SourceHanSansCN;
          font-weight: 400;
        }
        span.active1 {
          background-color: #679cf6;
        }
        span:hover {
          cursor: pointer;
          background-color: #679cf6;
        }
      }
      .two {
        height: 30%;
        margin-top: 10px;
        display: flex;
        justify-content: flex-start;
        p {
          padding-top: 10px;
        }
        span {
          display: inline-block;

          // border: solid #ccc 1px;
          padding: 4px 18px;
          text-align: center;
          border-radius: 15px;
          transition: background-color 0.7s ease;
          margin-left: 10px;
          margin-top: 5px;
          font-size: 14px;
          font-family: '楷体';
          font-weight: 400;
        }

        span.active {
          background-color: #679cf6;
        }
        span:hover {
          cursor: pointer;
          background-color: #679cf6;
        }
      }
      .three {
        height: 30%;
        margin-top: 10px;
        display: flex;
        justify-content: flex-start;
        p {
          padding-top: 10px;
        }
        span {
          display: inline-block;

          // border: solid #ccc 1px;
          padding: 4px 18px;
          text-align: center;
          border-radius: 15px;
          transition: background-color 0.7s ease;
          margin-left: 10px;
          margin-top: 5px;
          font-size: 14px;
          font-family: '楷体';
          font-weight: 400;
        }

        span.active {
          background-color: #679cf6;
        }
        span:hover {
          cursor: pointer;
          background-color: #679cf6;
        }
      }
    }
  }
  .station_main {
    width: 1180px;
    background: white;
    margin: 10px 100px 30px -10px;
    padding-left: 10px;
    padding-right: 10px;
    .tableHeader {
      display: flex;
      width: 50%;
      height: 50px;
      align-items: center;
      justify-content: space-around;
    }
  }
}
